<template>
    <view class="content">
        <view class="statistic_left">
            <view class="title">累计服务</view>
            <view class="statisticNum">{{statistics.serviceCount}} <span>家</span> </view>
        </view>
        <view class="statistic_middle">
            <view class="title">好评率</view>
            <view class="statisticNum">{{statistics.goodRate}}<span>%</span></view>
        </view>
        <view class="statistic_right">
            <view class="title">评价</view>
            <view class="statisticNum">{{statistics.replayCount}}<span>条</span> </view>
        </view>

    </view>
</template>

<script>
export default {
    props: {
        statistics:{
            type: Object,
            default: () => {}
        }

    },
    data () {
        return {
           
            title: '取消订单',
            option: {},
        }
    },

    computed: {
    },


  watch:{
  
    },
    onLoad () {
        // if (this.popupBiaoshi===0) {
        //     this.title = '商品排序'
        // } else if (this.popupBiaoshi===2) {
        //     this.title = '价格区间'
        // }
    },
    onReady () { },

    methods: {
    

  },

}
</script>
<style lang="scss" scoped>
.content{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 60rpx 48rpx 66rpx 48rpx;
}
.title{
    font-size: 36rpx;
    line-height: 36rpx;
    text-align: center;
    color: #666666;
}
.statisticNum{
    padding-top: 24rpx;
    font-weight:bolder;
    font-size: 36rpx;
    text-align: center;
    color: #111111;

    span{
        font-size: 22rpx;
    }
}

</style>

